.page{width:100%;height:100vh;overflow:hidden;}
.page .main{width:100%;height:calc(100% - 1rem);margin-top:1rem;position:relative;z-index:1;}

.main .time-bar{width:94%;height:35px;position:absolute;background: #FFFFFF;box-shadow:1px 5px 10px 0px rgba(160, 173, 205, 0.15);
border-radius:0.7rem;left:50%;transform:translateX(-50%);display:flex;display:-webkit-flex;align-items:center;
-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;z-index:2;
transition:all 0.3s;-webkit-transition:all 0.3s;}
.time-bar.move{bottom:5.1rem;}
.time-bar.unmove{bottom:1.41rem;}
.time-bar .play-btn, .time-bar .time-select{width:0.52rem;height:0.52rem;border:1px solid #E5E5E5;border-radius:50%;}
.time-bar .play-btn{background:url('../../../images/home/index/play.png') no-repeat #FFFFFF;background-size:45%;
background-position:0.16rem center;}
.time-bar .play-btn.active{background:url('../../../images/home/index/pause.png') no-repeat #FFFFFF;background-size:45%;
background-position:0.16rem center;}
.time-bar .time-select{display:flex;display:-webkit-flex;align-items:center;font-weight:600;position:relative;
-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;font-size:0.24rem;color:#2858FF;}
.time-bar .slider{width:81%;height:100%;margin:0 1px;display:flex;display:-webkit-flex;
align-items:center;-webkit-align-items:center;}

.time-bar .time-list{position:absolute;width:100%;height:2.3rem;background:#FFFFFF;border:1px solid #E5E5E5;
box-shadow: 0px 0px 12px 0px rgba(73, 73, 73, 0.27);border-radius:0.5rem;bottom:0;display:flex;display:-webkit-flex;
flex-direction:column;align-items:center;-webkit-align-items:center;color:#9EAAB8;}
.time-list .item{flex:1;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.time-list .item.default{color:#2858FF;}
.time-list .item.active{width:0.58rem;height:0.58rem;background:#FFFFFF;border:1px solid #A5B1DB;box-shadow:0px 0px 8px 0px rgba(40, 88, 255, 0.79);
border-radius:50%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;
color:#2858FF;}
